<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>播放视频</title>
</head>
<body>
    <video id="video" controls></video>
    <script src="https://cdn.jsdelivr.net/hls.js/latest/hls.min.js"></script>
    <script>
        if(Hls.isSupported()){
            const video = document.getElementById('video')
            const hls = new Hls()
            hls.loadSource('{{url}}')
            hls.attachMedia(video)
            hls.on(Hls.Events.MANIFEST_PARSED,function(){
                video.play()
            })
        }
    </script>
</body>
</html>